<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>{pboot:pagetitle}</title>
	<meta name="keywords" content="{pboot:pagekeywords}">
	<meta name="description" content="{pboot:pagedescription}">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
	<link rel="stylesheet" href="{pboot:sitetplpath}/bootstrap/css/bootstrap.min.css" >
	<link rel="stylesheet" href="{pboot:sitetplpath}/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/aoyun.css?v=v1.3.5" >
	<link rel="stylesheet" href="{pboot:sitetplpath}/swiper-4.3.5/css/swiper.min.css">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/animate.css">
	<link rel="shortcut icon" href="{pboot:sitepath}/favicon.ico" type="image/x-icon">
	<script src="{pboot:sitetplpath}/js/jquery-1.12.4.min.js" ></script>
</head>
<body>
	<style type="text/css">
		//左浮动
.float-left { float: left; }

//右浮动
.float-right { float: right; }

//清除浮动
.clearfix::before { content: ""; display: table-cell; }
.clearfix::after { content: ""; display: table; clear: both; }
body { margin: 0; padding: 0; color: #333; font: 16px/24px "-apple-system", "Helvetica", "Microsoft YaHei", "PingFang SC"; outline: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
a, a:after, a:before { text-decoration: none; color: #333; cursor: pointer; outline: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
/*a:hover { color: rgba(255,255,255,.8); }*/
/* 
- 设置导航高度宽度和背景色 
- 没有边距，文字贴着边不好看，给个内边距padding: 16px;
*/
.menu { padding: 0 16px; width: 100%; height: 48px; }

/* 一级菜单设置为相对定位 */
.menu > ul > li { position: relative; }

/* 
- 因为导航背景颜色是黑色，所以设置一级导航的文字颜色是白色 
- 导航高48px，一级导航的文字要垂直居中，可以计算（48-文字行高）/2，然后设置外边距或者内边距，让文字刚好居中。
- 上面的居中方式太复杂了，不如line-height: 48px;让文字行高和导航高度一样，自然就居中了。
*/
.menu > ul > li > a { line-height: 48px; color: #FFF; }
.menu > ul > li > a { display: block; padding: 0 24px; line-height: 48px; color: rgba(0,0,0,.5); }
.menu > ul > li:hover > a,
.menu > ul > li.active > a { background: #b3b3b38c;color: white }
/* 
- 二级菜单会占用高度，因此需要给它设置绝对定位，因为一级菜单是相对定位，因此二级菜单的位置是根据一级菜单来的
- 二级菜单的宽度100%也是根据一级菜单来的
*/
.sub-menu { position: absolute; width: 100%; top: 48px; left: 0; background: rgba(255,255,255,.8); box-shadow: 0 0 8px rgba(0,0,0,0.1); }
.sub-menu > li > a { display: block; padding: 8px; text-align: center; font-size: 14px; color: rgba(0,0,0,.5); }
.sub-menu > li + li > a { border-top: 1px solid #b3b3b38c; }
.sub-menu > li:hover > a { background: #b3b3b38c;color: white }
.sub-menu { position: absolute; width: 100%; top: 48px; left: 0; background: rgba(255,255,255,.8); box-shadow: 0 0 8px rgba(0,0,0,0.1); opacity: 0; z-index: 999; visibility: hidden; 
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s; 
            transition: all 0.5s; 

            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0; 

            -webkit-transform:scaleY( 0 );
            -moz-transform:scaleY( 0 );
            -ms-transform:scaleY( 0 );
            -o-transform:scaleY( 0 );
            transform:scaleY( 0 ); }
            /* 注意：一级导航hover时触发 */
.menu > ul > li:hover .sub-menu { opacity: 1; visibility: visible;
    -webkit-transform:scaleY( 1 );
    -moz-transform:scaleY( 1 );
    -ms-transform:scaleY( 1 );
    -o-transform:scaleY( 1 );
    transform:scaleY( 1 );  }

	</style>

<!-- 头部导航 -->
<nav class="navbar navbar-light bg-light fixed-top navbar-expand-lg shadow-sm">
  <div class="container">
	  	<a class="navbar-brand my-1" href="{pboot:sitepath}/">
	      <img src="{pboot:sitelogo}" class="logo-sm-height"  height="50">
	    </a>
	    
	    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
	    	<span class="navbar-toggler-icon"></span>
	    </button>
	    
	    <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
	        <nav class="menu">
			    <ul class="clearfix">
			    	<li class="float-left">

				 <a href="{pboot:sitepath}/" >首页</a>
	          </li>
			        {pboot:nav}
			        <li class="float-left {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
			            <a href="#">[nav:name]</a>
			            <ul class="sub-menu">
			                {pboot:2nav parent=[nav:scode]}
			                <li class="{pboot:if('[2nav:scode]'=='{sort:scode}')}active{/pboot:if}">
			                    <a href="[2nav:link]">[2nav:name]</a>
			                </li>
			                {/pboot:2nav}
			            </ul>
			        </li>
			        {/pboot:nav}
			    </ul>
			</nav>
	      
	      <!-- <span class="navbar-text">
	     	 {pboot:if({pboot:islogin}==1)}
				<a class="text-secondary" href="{pboot:ucenter}" >个人中心</a>
		     {else}
		     
		     	{pboot:2if({pboot:registerstatus})}
					<a class="text-secondary" href="{pboot:register}" >注册</a>
				{/pboot:2if}
				
				{pboot:2if({pboot:registerstatus} && {pboot:loginstatus})}
					/
				{/pboot:2if}
				
				{pboot:2if({pboot:loginstatus})}
					<a class="text-secondary" href="{pboot:login}" >登录</a>
				{/pboot:2if}
				
		     {/pboot:if}
	      </span> -->
	      
	    </div>
    </div>
</nav>

<!--占位导航栏-->
<div style="height:71px;" class="head-sm-height"></div>

